<template>
<div class="layerRtb layerRtb-threecolumn">
    <three-title :title="{name:'划过提示'}"></three-title>
    <div class="layerRtb-scroll thinScroll" v-scrollHeight = "0">
        <input
            type="button"
            class="uiBtn-normal uiBtn-blue"
            value="确定"
            data-title="不超过10个字是不会出现的"
            data-title-length="10">
        <input
            type="button"
            class="uiBtn-normal uiBtn-blue"
            value="确定"
            data-title="我的背景色是蓝色的"
            data-title-color="#3385ff">
        <input
            type="button"
            class="uiBtn-normal uiBtn-blue"
            value="确定"
            data-title="全部">
        <codemd url="Lesson4/docs/toolstip.md"></codemd>
        <h3 class="mb10 mt10">参数配置</h3>
        <table class="uiTable">
            <tr>
                <th>参数</th>
                <th>说明</th>
            </tr>
            <tr>
                <td>data-title</td>
                <td>划过提示的文字</td>
            </tr>
            <tr>
                <td>data-title-length</td>
                <td>文字超过多少时才提示</td>
            </tr>
            <tr>
                <td>data-title-color</td>
                <td>划过提示的背景色</td>
            </tr>
        </table>
    </div>
</div>
</template>
<script>
import codemd from '../code-md'
export default {
    components: {
        codemd
    },
    data () {
        return {

        }
    },
    mounted () {

    },
    methods: {

    }
}
</script>
